<template>
    <div class="exam-categories">
         <el-table :data="examCategories" :border="true" style="width:100%;">
            <el-table-column prop="cateOrder" label="序号" width="90"/>
            <el-table-column prop="cateName" label="类目名称" width="180"/>
            <el-table-column prop="cateIcon" label="类目图标" width="180"/>
            <el-table-column prop="cateClass" label="类目大类" width="240"/>
            <el-table-column prop="createTime" label="创建时间" width="240"/>
         </el-table>
    </div>
</template>
<script setup>
    import {reactive} from 'vue'
    const examCategories = reactive([
        {
            cateName: 'Java基础',
            cateClass: 'Java核心技术',
            cateIcon: 'coffe',
            cateOrder: 1,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Java集合',
            cateClass: 'Java核心技术',
            cateIcon: 'collection',
            cateOrder: 2,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: '多线程',
            cateClass: 'Java核心技术',
            cateIcon: 'thread',
            cateOrder: 3,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'IO',
            cateClass: 'Java核心技术',
            cateIcon: 'io',
            cateOrder: 4,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'JVM',
            cateClass: 'Java核心技术',
            cateIcon: 'jvm',
            cateOrder: 5,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Spring',
            cateClass: '后端技术-框架',
            cateIcon: 'spring',
            cateOrder: 6,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Spring MVC',
            cateClass: '后端技术-框架',
            cateIcon: 'spring',
            cateOrder: 7,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Spring Boot',
            cateClass: '后端技术-框架',
            cateIcon: 'spring',
            cateOrder: 8,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Spring Cloud',
            cateClass: '后端技术-框架',
            cateIcon: 'cloud',
            cateOrder: 9,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Mybatis',
            cateClass: '后端技术-框架',
            cateIcon: 'mybatis-bird',
            cateOrder: 10,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Nacos',
            cateClass: '后端技术-框架',
            cateIcon: 'nacos',
            cateOrder: 11,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Sentinel',
            cateClass: '后端技术-框架',
            cateIcon: 'sentinel',
            cateOrder: 12,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Dubbo',
            cateClass: '后端技术-框架',
            cateIcon: 'dubbo',
            cateOrder: 13,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: 'Zookeeper',
            cateClass: '后端技术-框架',
            cateIcon: 'zookeeper',
            cateOrder: 14,
            createTime: '2024-02-13 10:00:00'
        },
        {
            cateName: '后端技术',
            cateClass: '后端技术-框架',
            cateIcon: 'source-code',
            cateOrder: 15,
            createTime: '2024-02-13 10:00:00'
        }
    ])
</script>